.loader{
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader>span{
    display: inline-block;
    background-color:rgb(142, 142, 226);
    width: 0px;
    height: 0px;
    border-radius: 50%;
    margin: 0 8px;
    transform: translateY(0);
    animation: bounce 0.6s infinite alternate;
}
.loader>span:nth-child(2){
    background-color: palevioletred;
    animation-delay: 0.2s;
}
.loader>span:nth-child(3){
    /* background-color: palevioletred; */
    animation-delay: 0.4s;
}
@keyframes bounce{
    to{
        width: 16px;
        height: 16px;
        transform: translateY(-16px);
    }
}